﻿@charset "utf-8";
/* CSS Document */
html { -webkit-text-size-adjust:none; font-size:10px;}
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
body { background:#ecf3ff; color:#666; width:100%; overflow-x:hidden; position:relative;}
body.lock { position:absolute; left:0; top:0; overflow:hidden;}
.wrapper { padding:.8rem .75rem; box-sizing:border-box; color:#666;}
.imgroom { font-size:0;}
.imgroom span { display:inline-block; width:1px; margin-left:-1px; vertical-align:middle; line-height:100%; height:100%;}
.imgroom img { display:inline-block; line-height:100%; vertical-align:middle; max-width:100%; max-height:100%;}
.totop{ display: block;width: 30px;height: 30px;position: fixed;bottom: 20px;right: 20px;background: url(../images/totop.png) no-repeat center #fff;background-size:75% 75%; border-radius: 50%; -webkit-transform:translate3d(0,60px,0); -webkit-transition:all 0.2s ease;}
.totop.show{ -webkit-transform:translate3d(0,0px,0)}
.hint_p{ font-size: .5rem;line-height: .85rem;margin: 10px auto 15px;padding: 0 10px;text-align: center;color: #888;}
.hint_p .red{ color: red;}
.hint_p span { display:block;}
.hint_p .hint_line { width:100%; height:.45rem; border-bottom:1px solid #ccc; text-align:center; margin-bottom:.4rem;}
.hint_p .hint_line em { display:inline-block; padding:0 .5rem; background:#ecf3ff;}
.notrow{ width: 100%;overflow: hidden;}

/*会员登录*/
.tab_menu { width:100%; text-align:center; font-size:0; margin-bottom:.4rem;}
.tab_menu .tab_item { display:inline-block; width:7.25rem; height:1.5rem; background:#f0f6ff; border:.05rem solid #b1cdff; box-sizing:border-box;  vertical-align:middle; box-sizing:border-box; cursor:pointer;}
.tab_menu .tab_item.left { border-top-left-radius:.2rem; border-bottom-left-radius:.2rem;}
.tab_menu .tab_item.right { border-top-right-radius:.2rem; border-bottom-right-radius:.2rem;}
.tab_menu .tab_item em { display:inline-block; padding-left:.9rem; color:#1b3563; line-height:1.5rem; font-size:.65rem; opacity:.6;}
.tab_menu .tab_item.left em { background:url(../images/icon_note.png) no-repeat left center;background-size: .8rem .7rem;}
.tab_menu .tab_item.right em { background:url(../images/icon_mail.png) no-repeat left center;background-size: .8rem .6rem;}
.tab_menu .tab_item.cur { background:#b1cdff;}
.tab_menu .tab_item.cur em { opacity:1;}
.tab_menu.prize .tab_item.left em { background:url(../images/icon_prize.png) no-repeat left center;background-size: .675rem .65rem;}
.tab_menu.prize .tab_item.right em { background:url(../images/icon_coupon.png) no-repeat left center;background-size: .7rem .675rem;}
.tab_menu.point .tab_item.left em { background:url(../images/icon_integral.png) no-repeat left center;background-size: .6rem .8rem;}
.tab_menu.point .tab_item.right em { background:url(../images/icon_product.png) no-repeat left .32rem;background-size: .7rem .8rem;}
.login_txt { width:100%; height:1.7rem; background:#fff; border-radius:.2rem; font-size:.65rem; line-height:.7rem; padding:.5rem; box-sizing:border-box; margin-bottom:.5rem; border:0;}
.login_txt.short { width:8.5rem; float:left;}
.code_box { margin-bottom:.25rem;}
.code_btn { display:block; width:5.75rem; float:right; background:#f1ae99; height:1.7rem; border-radius:.2rem; font-size:.65rem; line-height:1.7rem; text-align:center; color:#fff; cursor:pointer;}
.code_btn.noclick { pointer-events:none; background:#ccc;}
.verification { display:block; width:5rem; float:right; height:1.7rem; border-radius:.2rem; text-align:center; cursor:pointer; position:relative; cursor:pointer;}
.verification em { display:block; width:100%; font-size:.5rem; position:absolute; bottom:-.8rem; left:0;}
.login_btn{ width:100%; height:1.7rem; background:#5999f0; border-radius:.2rem; font-size:.65rem;margin-bottom:.5rem;text-align:center;color:#fff; display:block; line-height:1.7rem; padding:0;}
.login_btn.submit_two { margin-top:.5rem;}
input.login_btn { -webkit-appearance:none;margin-top: 20px;}
.login_font { display:block; width:13.5rem; height:1.5rem; border-top:.05rem solid #9ab2dc; position:relative; margin:0 auto; color:#6a89bf; font-size:.55rem;  margin-top:2.5rem;}
.login_font .font1 { display:block; width:7.5rem; height:.7rem; position:absolute; left:50%; margin-left:-3.75rem; top:-.4rem; background:#ecf3ff; color:#6a89bf; text-align:center;}
.login_font .font2 { width:100%; position:absolute; top:.4rem; left:0; text-align:center; color:#6a89bf;}

/*会员中心*/
.center_cont { padding:.4rem .75rem .5rem .75rem;}
.user { width:100%; height:5.2rem; position:relative; background:url(../img/user_bg.jpg) no-repeat; background-size:100% 100%;}
.user_box { position:absolute; top:1rem; left:.7rem;}
.user_box .header { display:block; width:3.25rem; height:3.25rem; border-radius:50%;overflow:hidden; float:left;  background:url(../img/header.png) no-repeat center #fff; background-size:1.4rem 1.4rem; border-radius:50%;}
.user_box .user_text{ width:11rem; float:left; margin-left:.6rem;}
.user_box .user_text .notlogin { font-size:.75rem; color:#333; text-align:left; padding-top:.5rem; line-height:1.1rem;}
.user_box .user_text .notlogin a { display:inline; text-decoration:underline; margin-left:.1rem; color:#ff6000;}
.user_box .user_text .namebox { text-align:left; text-indent:0; margin-bottom:.2rem; padding-top:.4rem;}
.user_box .user_text .namebox span{ display:inline-block; font-size:.8rem; color:#333; vertical-align:middle; text-align:left; text-indent:0;}
.user_box .user_text .namebox .privilege { display:inline-block; width:2.5rem; height:.7rem;line-height: .7rem; background:#d9b16a; border-radius:.15rem; text-align:center; color:#333; font-size:.5rem; padding:0; text-indent:0;vertical-align:middle; margin-left:.25rem;}
.user_box .user_text .rank { padding-left:1rem; position:relative; font-size:.5rem;}
.user_box .user_text .rank .grade_img { width:.9rem; position:absolute; left:-.2rem; top:.1rem;}
.user_box .user_text .rank .gradebox  .grade{ display:inline-block; width:6.5rem; height:.4rem; background:#959595; border-radius:.2rem; position:relative;}
.user_box .user_text .rank .gradebox .grade em { display:inline-block; width:0; height:100%; background:#ff6000; border-radius:.2rem; position:absolute; left:0; top:0; -webkit-transition:all 1.7s ease;}
.user_box .user_text .rank .grade_text { text-indent:0; font-size:.5rem;}
.user_box .user_text .rank .grade_text i { color:#da6c4a; font-size:.5rem;}
.user .integral_a { display:block; width:2.5rem; height:2.6rem; padding-top:1.6rem; box-sizing:border-box; background:url(../images/integral_img.png) no-repeat top center; background-size:1.6rem 1.6rem; position:absolute; right:0.25rem; top:.25rem; font-size:.5rem; text-align:center; color:#ff6000; z-index:3;}
.user .signto { display:block; width:2.5rem; height:2.6rem; padding-top:1.6rem; box-sizing:border-box; background:url(../images/integral_img.png) no-repeat top center; background-size:1.6rem 1.6rem; position:absolute; right:0.25rem; top:.25rem; font-size:.5rem; text-align:center; color:#ff6000; z-index:3;}
.user.logyes .notlogin { display:none;}
.user.logyes .logged { display:block;}
.user.logyes .signto { display:none;}
.user.logyes .integral_a { display:block;}
.user.lognot .notlogin { display:block;}
.user.lognot .logged { display:none;}
.user.lognot .signto { display:block;}
.user.lognot .integral_a { display:none;}
.user_nav { width:100%; background:#fff; font-size:0; position:relative; z-index:3;}
.user_nav .user_item { display:inline-block; width:4rem; height:2.3rem; margin-bottom:.2rem; padding-top:.45rem; text-align:center; font-size:.55rem; text-align:center; color:#666; cursor:pointer; position:relative;}
.user_nav .user_item .jifen_icon { position:absolute; right:-.2rem; top:.5rem; width:1.6rem; display:none; -webkit-transform-origin: 0% 50%; -webkit-transform:rotate(0deg);-webkit-animation:qip 3s ease 0s infinite forwards;}
.user_nav .user_item.jfshow .jifen_icon { display:block;}
.user_nav .user_item .user_icon { display:block; width:.9rem; margin:0 auto .2rem;}
.user_nav .user_item.item4 .user_icon.icon_2 { display:none;}
.user_nav .user_item.item4.cur { color:#ff6000;}
.user_nav .user_item.item4.cur .user_icon.icon_1 { display:none;}
.user_nav .user_item.item4.cur .user_icon.icon_2 { display:block;}
.user_nav .down_nav { position:absolute; top:2.5rem; left:0; width:100%; border-top:1px solid #ff6000; background:#fff; padding-bottom:.3rem; -webkit-transition:all 0.2s ease;-webkit-transform:translate3d(-100%,0,0);}
.user_nav .down_nav .nav_arrow { display:block; width:.5rem; height:.25rem; background:url(../img/nav_arrow.png) no-repeat; background-size:100% 100%; position:absolute; right:1.8rem; top:-.25rem;}
.user_nav .down_nav .down_item { display:inline-block; vertical-align:middle; width:3rem; height:3rem; margin:0 .5rem; padding-top:.5rem; box-sizing:border-box; position:relative;}
.user_nav .down_nav .down_item .icon { display:block; width:1.25rem; height:1.25rem; margin:0 auto .25rem; border-radius:50%; text-align:center;}
.user_nav .down_nav .down_item .icon.blue { background:#3ab8cf;}
.user_nav .down_nav .down_item .icon.red { background:#f19a7f;}
.user_nav .down_nav .down_item .icon img { max-width:.8rem; max-height:.8rem;}
.user_nav .down_nav .down_item em { font-size:.5rem; display:block; text-align:center; color:#666;}
.user_nav .down_nav .down_item i { background:#ecf3ff;}
.user_nav .down_nav .down_item .line_h {display:block; width:1px; height:2.1rem; position:absolute; right:-.45rem; bottom:.15rem;}
.user_nav .down_nav .down_item .line_w {display:block; width:1.5rem; height:1px; position:absolute;}
.user_nav .down_nav .down_item .line_w.w_1 { left:-.15rem; bottom:-.15rem;}
.user_nav .down_nav .down_item .line_w.w_2 { right:0rem; bottom:-.15rem;}
.user_nav .down_nav .down_item.item5 .line_h,
.user_nav .down_nav .down_item.item6 .line_h{ bottom:.5rem;}
.user_nav .down_nav .down_item i.u-icon-user { display:inline-block; color:#fff; background:none; max-width:100%; max-height:100%; line-height:100%; vertical-align:middle; margin-top:.2rem;}
.user_nav .down_nav.show { -webkit-transform:translate3d(0,0,0);}
.add_box { display:block; width:100%; margin-bottom:0;}
.add_box img { max-width:100%;}
.gift_cont { margin-bottom:.3rem;}
.gift_cont .gift_a.big{ display:block; float:left; width:7.3rem; height:6.8rem;}
.gift_cont .small_box { width: 7.2rem; float:left;}
.gift_cont .small_box .gift_a { display:block; width:100%; height:3.5rem; padding-left:.5rem; padding-top:.75rem; box-sizing:border-box; position:relative;}
.gift_cont .small_box strong { display:block; font-size:.7rem; color:#f13a1b; font-weight:normal;}
.gift_cont .small_box em { display:block; font-size:.65rem; color:#cccccc;}
.gift_cont .small_box .gift_a.a1 { border-bottom:1px solid #c5d5f1;color: #cccccc;}
.gift_cont .small_box .gift_a.a1 strong{ color: #cccccc;}
.gift_cont .small_box .gift_a.a1 em{ color: #cccccc;}
.gift_cont .small_box .gift_a.a2 strong{ color:#cccccc;}
.gift_cont .small_box .gift_a img { width:2rem; position:absolute; right:0; top:.8rem;}
.gift_item { width:100%; height:2rem; margin-bottom:.25rem; position:relative;}
.gift_item .leftborder { display:block; width:.2rem; height:2rem; position:absolute; left:0; top:0; background:url(../images/gift_border_left.png) no-repeat; background-size:100% 100%; }
.gift_item .rightborder { display:block; width:.2rem; height:2rem; position:absolute; right:0; top:0; background:url(../images/gift_border_right.png) no-repeat; background-size:100% 100%; }
.gift_item .item_text { padding-left:2.05rem; font-size:.65rem; line-height:2rem; width:9rem; box-sizing:border-box; float:left;}
.gift_item .gift_icon { display:block; width:.65rem; height:.65rem; position:absolute; left:1.05rem; top:50%; margin-top:-.325rem;}
.gift_item .convert_a { display:block; width:3.7rem; height:1rem; color:#fff; text-align:center; line-height:1rem; font-size:.65rem; float:left; margin-top:.5rem; margin-left:.7rem; border-radius:.2rem;}
.gift_item.item1 { background:#fff}
.gift_item.item1 .item_text { color:#297d8c; border-right:1px dotted #23afc9;}
.gift_item.item1 .convert_a { background:#23afc9;}
.gift_item.item2 { background:#fff;}
.gift_item.item2 .item_text { color:#da6c4a; border-right:1px dotted #da6c4a;}
.gift_item.item2 .convert_a { background:#da6c4a;}
.gift_item .item_text span { display:inline-block; vertical-align:middle;}
.gift_item .item_text .integral_icon { display:inline-block; vertical-align:middle; width:.75rem; margin-left:1rem;}
.gift_item .item_text .integral_text { display:inline-block; vertical-align:middle;}
.tab_box { display:none;}
.tab_box.show { display:block;}
.tab_box .product_item { margin-bottom:.3rem;}
.tab_box .product_item .item_pic{ display:block; width:6.25rem; float:left; height:6.25rem;}
.tab_box .product_item .item_text { width:7.25rem; min-height:6.25rem; float:left; margin-left:.5rem; box-sizing:initial; padding-bottom:.15rem; margin-bottom:.15rem;border-bottom:1px solid #f4f4f4; position:relative;}
.tab_box .product_item:last-child .item_text { border-bottom:0;}
.tab_box .product_item .item_text .item_title { display:block; font-size:.6rem; color:#333; line-height:.8rem; margin-bottom:.5rem;}
.tab_box .product_item .item_text .time { display:block; font-size:.5rem; color:#999;}
.tab_box .product_item .item_text span { position:absolute; bottom:.25rem; font-size:.5rem; color:#ff5000; left:.25rem;}
.tab_box .product_item .item_text span i { font-size:.8rem;}
.tab_box .product_item .item_text .buy_a { display:block; width:3.7rem;height:1rem; background:#348bff; color:#fff; text-align:center; font-size:.65rem; line-height:1rem; border-radius:.2rem; position:absolute; right:0px; bottom:.2rem;}
.swiper-container { width:100%; height:100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:.001rem;}
.swiper-pagination-bullet-active { background:#fff;}

/*导航页*/
.menu_list { padding-top:.3rem;}
.menu_item { display:block; width:100%; height:2.25rem; padding:.5rem 1rem; box-sizing:border-box; border-bottom:1px solid #ecf3ff; font-size:.75rem; color:#333; position:relative; background:#fff;}
.menu_quit{ display:block; width:90%; height:2rem; padding:0; box-sizing:border-box; border-bottom:0px; font-size:0.9rem; color:#fff; position:relative; background:#FF5A00; margin:auto; text-align:center; line-height:2rem; border-radius:5px; margin-bottom:.25rem;margin-top: 20px;}
.menu_item .menu_icon { display:inline-block; width:.875rem; height:.875rem; vertical-align:middle;}
.menu_item span { display:inline-block; font-size:.7rem; line-height:1.25rem; vertical-align:middle; margin-left:.25rem;}
.menu_item .arrow { display:block;padding-right:.6rem; background:url(../img/arrow.png) no-repeat right center;background-size:.325rem .575rem; color:#999; font-size:.5rem; line-height:.5rem; position:absolute; right:1.3rem; top:50%; margin-top:-.25rem; min-width:.5rem; min-height:.5rem;}
.menu_item.mb { margin-bottom:.25rem;}

/*我的签到积分*/
.integral_cont { width:100%; height:17.5rem; background:url(../images/integral_bg.jpg) no-repeat; background-size:100% auto; position:relative; padding-top:2.5rem;}
.integral_cont .integral_me { font-size:.6rem; color:#fff; position:absolute; top:.8rem; left:.6rem;}
.integral_cont .signrule_btn { font-size:.6rem; color:#fff; position:absolute; top:.8rem; right:.6rem;}
.integra_box { display:block; width:6.5rem; height:6.5rem; margin:0 auto 1rem;background:#dbeaff; border:.5rem solid #93c0fd; border-radius:50%; padding-top:.5rem; box-sizing:border-box;}
.integra_box .dateicon { display:block; width:1.65rem; margin:0 auto .25rem;}
.integra_box strong { display:block; font-weight:normal; font-size:1rem; color:#ff6000; padding-bottom:.18rem; border-bottom:1px solid #bad5fb; margin:0 auto; text-align:center; width:88%;margin-bottom:.15rem;}
.integra_box span { display:block; text-align:center; font-size:.55rem;}
.integra_box span i { color:#ff6000;}
.integral_cont p { text-align:center;font-size:.6rem; line-height:.9rem; color:#fff; text-indent:0;}
.integral_cont p i { color:#ff6000; display:inline-block; margin:0 .15rem; text-indent:0;}
.date_box { width:13.75rem; height:.2rem; color:#98c3fd; margin:0 auto; background:#98c3fd; margin-top:2.65rem; border-radius:.1rem;}
.date_box .date_room { width:16rem;}
.date_box .date_item { display:block; width:.8rem; height:.8rem; border-radius:50%; float:left; margin-right:1.485rem; position:relative;}
.date_box .date_item .circle { display:block; width:100%; height:100%; box-sizing:border-box; position:absolute; left:-.4rem; top:-.3rem; border-radius:50%;}
.date_box .date_item .circle em { display:block; width:.5rem; height:.5rem; border:.1rem solid #98c3fd; border-radius:50%; background:#4591f9; position:absolute; left:50%; top:50%; margin-left:-.25rem; margin-top:-.25rem; box-sizing:border-box;}
.date_box .date_item .date { display:block; width:2.5rem; font-size:.55rem; line-height:.8rem; position:absolute;bottom:-.9rem; text-align:center; left:50%; margin-left:-1.65rem; text-indent:0; padding:0;}
.date_box .date_item.lost .circle em { background:#ff6000; border:.1rem solid #fff;}
.date_box .date_item.today .circle{ border:.05rem dotted #98c3fd; background:#549bfa; box-sizing:border-box;}
.date_box .date_item.today .circle em { background:#ff6000; border:.1rem solid #fff;}
.date_box .date_item.today .date { color:#fff;}
.date_box .date_item.gift .gift { width:.875rem; height:1.125rem; position:absolute; top:-1.625rem; left:50%; margin-left:-.825rem; background:url(../images/gift.png) no-repeat; background-size:100% 100%; -webkit-animation:float 1.5s ease 0s infinite forwards;}

.integra_detail { padding-top:.5rem;}
.integra_detail strong { display:block; font-weight:normal; color:#3c8cf8; font-size:.65rem; background:#c0d7ff; padding-left:1rem; line-height:1.25rem; box-sizing:border-box;}
.integra_detail .integra_list .integra_item{ font-size:.65rem; padding-left:1rem; line-height:1.5rem; box-sizing:border-box; border-bottom:1px solid #c1d1ed; position:relative;}
.integra_detail .integra_list .integra_item em { color:#ff6000; position:absolute; right:1rem;}
.dv_icon { display:block; width:1.75rem; height:1.75rem; position:absolute; right:.1rem; top:50%; margin-top:-.875rem; z-index:5;}
@-webkit-keyframes float{
    0%{ -webkit-transform:translate3d(0,-.2rem,0);}
    50%{ -webkit-transform:translate3d(0,.2rem,0);}
    100%{ -webkit-transform:translate3d(0,-.2rem,0);}
}
/*缓冲 cubic-bezier(.17,.67,.63,1)*/
/*弹跳 cubic-bezier(.25,.7,.59,1.3)*/


/*弹窗*/
.jump { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.75); display:none; z-index:10;}
.jump_box { width:10.5rem; position:absolute; left:50%; margin-left:-5rem;top:50%; background:#ecf3ff; display:none;}
.jump_box .sign_img { width:13.5rem; height:6.5rem; position:absolute; left:50%; margin-left:-6.75rem; top:-5.5rem;}
.jump_box .bigtitle {  width:14.9rem; height:7rem; position:absolute; left:50%; margin-left:-7.3rem; top:-5.5rem; background:url(../images/sign_img.png) no-repeat; background-size:100% 100%; font-size:1.1rem;color:#fff; text-align:center; padding-top:5.4rem; line-height:.175rem; box-sizing:border-box;}
.jump_box.losebox .bigtitle { background:url(../images/sign_notimg.png) no-repeat; background-size:100% 100%;}
.jump_box.losebox2 .bigtitle { background:url(../images/sign_notimg.png) no-repeat; background-size:100% 100%;}
.jump_box.losebox3 .bigtitle { background:url(../images/sign_notimg.png) no-repeat; background-size:100% 100%;}
.jump_box.lackbox .bigtitle { background:url(../images/sign_notimg.png) no-repeat; background-size:100% 100%;}
.jump_box.signed .bigtitle{ background:url(../images/sign_notimg.png) no-repeat; background-size:100% 100%;}
.jump_box .sign_text { padding:1.8rem 0 .5rem 0; min-height:3rem;}
.jump_box .sign_text span { display:block; font-size:.8rem; text-align:center; line-height:1.1rem; margin-bottom:.3rem; color:#333;}
.jump_box .sign_text span i { color:#f52935;}
.jump_box .sign_text em { display:block; width:90%; margin:0 auto; text-align:center; font-size:.6rem; line-height:.85rem;}
.jump_box .btnbox { font-size:0; border-top:1px solid #c1d1ed;}
.jump_box .btnbox .sign_btn{ display:inline-block; width:50%; height:1.7rem; text-align:center; line-height:1.7rem; font-size:.6rem; color:#666; border-right:1px solid #c1d1ed;}
.jump_box .btnbox .sign_btn:last-child { border:0;}
.jump_box.signrule { padding:2rem .6rem 1rem .6rem; box-sizing:border-box; width:12rem; margin-left:-6rem;}
.jump_box.signrule .sign_title { width:13.9rem; position:absolute; top:-1rem; left:50%; margin-left:-6.95rem;}
.jump_box.signrule p{ font-size:.65rem; padding-left:.9rem; text-indent:-.9rem; line-height:1rem; margin-bottom:.25rem;}

/*提示弹框*/

.hint { display: inline-block; width: 80%; position: fixed;left: 50%;top: 50%;z-index: 30;display: none;text-align: center;padding: 15px; font-size:14px; line-height:20px; border-radius:4px; color:#fff; box-sizing:border-box; background:rgba(0,0,0,.6);}

/*转盘抽奖*/
body.lot { background:#acd0ff;}
.lottery { width:100%; background:url(../images/lottery_banner.jpg) no-repeat left top #d1e5ff; background-size:100% auto; padding-top:7.5rem; padding-bottom:.5rem;}
.lottery_title { display:block; width:8.4rem; height:2rem; margin:0 auto .75rem; font-size:.6rem; color:#fff1c6; text-align:center; background:url(../images/font_bg.png) no-repeat; background-size:100% 100%; line-height:2rem;}
.lottery_title i { font-size:.9rem;}
.lottery_title a{color:#fff1c6;font-weight: normal;}
.dial { width:12rem; height:12rem; margin:0 auto .5rem; background:url(../images/lottery_circlebg.png) no-repeat; background-size:100% 100%; position:relative;}
.dial .dialbox { width:100%; height:100%; background:url(../images/lottery_circle.png) no-repeat center; background-size:100% 100%; z-index:1;}
.dial .dialbox .prize_font { display:block; font-size:.6rem; color:#333; position:absolute;}
.dial .dialbox .prize_font.font_1 {left:6.5rem; top:2.7rem; -webkit-transform:rotate(-65deg);}
.dial .dialbox .prize_font.font_2 {left:7.8rem; top:4.4rem; -webkit-transform:rotate(-20deg);}
.dial .dialbox .prize_font.font_3 {left:8.25rem; top:6.6rem; -webkit-transform:rotate(30deg); text-align:center; font-size:.55rem;}
.dial .dialbox .prize_font.font_3 i { font-size:.7rem; line-height:.8rem;}
.dial .dialbox .prize_font.font_4 {left:6.3rem; top:8.7rem; -webkit-transform:rotate(65deg);}
.dial .dialbox .prize_font.font_5 {left:3.8rem; top:8.7rem; -webkit-transform:rotate(-65deg);}
.dial .dialbox .prize_font.font_6 {left:2rem; top:6.9rem; -webkit-transform:rotate(-25deg);}
.dial .dialbox .prize_font.font_7 {left:1.8rem; top:4.4rem; -webkit-transform:rotate(20deg);}
.dial .dialbox .prize_font.font_8 {left:3.5rem; top:2.7rem; -webkit-transform:rotate(65deg); font-size:.55rem;}
.dial .dial_btn { display:block; width:3rem; height:3rem; background:url(../images/lottery_btn.png) no-repeat; background-size:100% 100%; position:absolute; left:50%; top:50%; margin-left:-1.5rem; margin-top:-1.5rem; font-size:.9rem; line-height:1rem; text-align:center; box-sizing:border-box; padding:.5rem 0; font-weight:bold; color:#791600; border-radius:50%; z-index:4;}
.dial .dial_btn.not { pointer-events:none; background:#ccc; color:#fff;}
.dial .dial_shade { width:10rem; height:4.2rem; position:absolute; bottom:-.3rem; right:-1.5rem;}
.dial .dial_arrow { display:block; width:1.25rem; height:2.45rem; position:absolute; top:-.1rem; left:50%; margin-left:-.625rem; background:url(../images/lottery_arrow.png) no-repeat; background-size:100% 100%; z-index:3;}
.dial_num { display:block; text-align:center; font-size:.6rem; text-indent:0;}
.dial_num i { color:#d93219; display:inline-block; margin:0 .1rem; text-indent:0;}
.rule { width:100%; background:url(../images/jag.jpg) no-repeat left top #acd0ff; padding:.75rem 1rem; box-sizing:border-box;}
.rule .rule_title { width:100%; display:block; border-bottom:1px solid #75a8eb; height:.45rem; position:relative; margin-bottom:1rem;}
.rule .rule_title i { display:block; width:3.25rem; font-size:.65rem; line-height:.9rem; color:#1155ae; text-align:center; background:#acd0ff; position:absolute; left:50%; margin-left:-1.625rem;}
.rule .rule_item { padding-left:1.15rem; font-size:.6rem; color:#3b506c; line-height:.9rem; position:relative;text-indent:0; margin-bottom:.25rem;}
.rule .rule_item i { display:block; width:.8rem; height:.8rem; background:#75b1ff; font-size:.6rem; text-align:center; line-height:.85rem; position:absolute; left:0; top:.05rem; color:#fff; border-radius:50%; text-indent:0;}
.rule .btn_box {text-align:center; margin:.75rem 0 1rem 0;}
.rule .btn_box .lottery_btn { display:inline-block; width:5.75rem; height:1.45rem; background:#39659f; border-radius:.2rem; margin:0 .55rem; position:relative;}
.rule .btn_box .lottery_btn span { display:inline-block; width:5.75rem; height:1.3rem; background:#438be8; border-radius:.2rem; line-height:1.3rem; color:#fff; text-align:center; font-size:.65rem; position:absolute; top:0; left:0;}

/*完善个人资料*/
.text_cont { padding:.75rem;}
.text_cont.noclick { pointer-events:none;}
.text_cont .text_box { width:100%; height:1.75rem; position:relative; margin-bottom:.6rem;}
.text_cont .text_box.lasttext { margin-bottom:.4rem;}
.text_cont .text_box .txt { width:100%; height:1.75rem; font-size:.7rem; padding:.525rem .5rem .525rem 4.2rem; box-sizing:border-box; color:#333; border:0; border-radius:.2rem; margin-bottom:0;}
.text_cont.two .text_box .txt.txt_2{ padding-right:.2rem; box-sizing:border-box;}
.text_cont .text_box .txt#phonetxt { color:#aaa;}
.text_cont .text_box span { font-size:.7rem; line-height:1.75rem; padding:0 .5rem; position:absolute; left:0; top:0;}
.text_cont .text_box .change { display:block; width:1.5rem; height:1.5rem; background:url(../images/white.png) no-repeat center; position:absolute; right:.3rem; top:50%; margin-top:-.75rem; background-size:.6rem .6rem;}
.text_cont .btn { display:block; text-align:center; width:100%; height:1.75rem; font-size:.7rem; box-sizing:border-box; color:#fff; border:0; border-radius:.2rem; line-height:1.75rem;}
.text_cont.two .text_box { background:#fff; border-radius:.2rem;}
.text_cont.two .text_box .txt { padding:.525rem .5rem .525rem 2.8rem; background:none; width:85%;}
.text_cont.two .site_font { display:block; font-size:.5rem; text-indent:.8rem;}
.text_cont.two .text_box .site_icon { width:.85rem; height:.85rem; position:absolute;right:.4rem; top:50%; margin-top:-.425rem;}
.text_cont.two .btn_box { text-align:center; margin-top:.6rem;}
.text_cont.two .btn.prev,
.text_cont.two .btn.save { width:5rem; display:inline-block; vertical-align:middle; line-height:1.75rem; padding:0; float:left;}
.text_cont.two .btn.save { float:right;}
.text_cont.two .text_box:first-child { z-index:4;}
.text_cont .code_box { display:none;}
.site_black { background:rgba(255,255,255,0); position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; display:none;}
.site_cont { width:50%; height:100%; position:fixed; right:0; top:0; bottom:0; z-index:15; -webkit-transition:all 0.2s ease;}
.site_cont .site_box { width:100%; height:100%; position:absolute; left:0; top:0; background:#a5b4ce; z-index:1; -webkit-transition:all 0.2s ease;}
.site_cont .site_box.capital { z-index:1;}
.site_cont .site_box.city { z-index:2;}
.site_cont .site_box.area { z-index:3;}
.site_cont .site_box .site_list { width:100%; position:absolute; left:0; top:31px; bottom:0; overflow:auto;}
.site_cont .site_box .site_title { display:block; font-size:18px; line-height:32px; text-align:left; color:#fff;position:relative; border-bottom:1px solid #6e86b0;}
.site_cont .site_box .site_title span { display:inline-block; font-size:17px;text-align:center; width:60px;}
.site_cont .site_box .site_title i { display:block; width:60px; height:20px; line-height:20px; font-size:12px; background:#bbccea; border-radius:4px; position:absolute; right:10px; top:6px; text-align:center; color:#556581;}
.site_cont .site_box .site_item { display:block; font-size:14px; color:#fff; text-indent:20px; line-height:28px; border-bottom:1px dotted #869aba;}
.site_cont .site_box .site_item.opt { background: #ecf3ff; border-bottom:1px solid #869aba; color:#2090ff;}
.scroller { position:absolute; z-index:1; -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%;padding:0;}
.show{ -webkit-transform:translate3d(0%,0,0);}
.hide { -webkit-transform:translate3d(100%,0,0);}



/*反馈*/
.feedback{ padding:.75rem;}
.txt{ width:100%; height:1.75rem; font-size:.7rem; padding:.525rem; box-sizing:border-box; color:#333; border:0; border-radius:.2rem; margin-bottom:.5rem;}
.txta{ width:100%; height:5rem; font-size:.7rem; padding:.525rem; box-sizing:border-box; color:#333; border:0; border-radius:.2rem; margin-bottom:.5rem; resize:none; outline:none;}
.btn { display:block; text-align:center; width:100%; height:1.75rem; font-size:.7rem; box-sizing:border-box; color:#fff; border:0; border-radius:.2rem;background: #2090FF;}
.btn:active { background:#71b5f8;}
.sel_box { width:100%; height:1.75rem;margin-bottom:.5rem; position:relative; z-index:3;}
.sel_box .sel_title { display:block; width:100%; height:100%; line-height:100%; padding:.525rem; box-sizing:border-box; font-size:.7rem; position:relative;background:#b1cdff; color:#1b3563; position:relative; z-index:2;}
.sel_box .sel_title i { display:block; width:.65rem; height:.65rem; position:absolute; right:.5rem; top:50%; margin-top:-.325rem; background:url(../images/set_arrow.png) no-repeat center; background-size:.65rem .325rem; -webkit-transition:all 0.2s ease;}
.sel_box .sel_list { width:100%; position:absolute; top:1.75rem; left:0; overflow:hidden; -webkit-transition:all 0.2s ease; -webkit-transform:translate3d(0,-100%,0); height:0; z-index:1;}
.sel_box .sel_list .sel_item { display:block; width:100%; height:1.75rem;  line-height:100%; padding:.525rem; box-sizing:border-box; font-size:.7rem; background:#fff; color:#666; border-bottom:1px solid #eee; text-align:center;}
.sel_box.up .sel_list { height:auto; -webkit-transform:translate3d(0,0,0);}
.sel_box.up .sel_title i { -webkit-transform:rotate(180deg);}
.black_bg { display:block; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.75); z-index:2; display:none;}
.black_bg em { display:block; width:100%; height:2.5rem; background:#fff;}
.black_bg i { display:block; width:100%; height:.2rem; background:#ebebeb;}

/*积分兑换规则*/
.exc { display:block; width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.exc .exc_list { display:block; width:100%; position:absolute; top:0rem; bottom:1.75rem; left:0;}
.exc .pro_item { padding-bottom:0rem; border-bottom:3px solid #5999f0; margin-bottom:0rem;}
.exc .product_img { width:100%; height:8rem; position:relative; text-align:center; }
.exc .product_img .product_name { display:block; width:100%; height:1.5rem; line-height:1.5rem; font-size:.7rem; padding:0 .5rem; background:rgba(0,0,0,.55); position:absolute; left:0; bottom:0; z-index:2; color:#fff;}
.handle { width:100%; background:#fff; padding:.8rem .5rem .5rem .5rem; box-sizing:border-box; font-size:0; color:#333;}
.handle .num_txt { display:inline-block; font-size:.65rem; vertical-align:middle; line-height:1.5rem;}
.handle .numbox { display:inline-block; height:1.5rem; vertical-align:middle;}
.handle .numbox em{ display:inline-block; width:1.65rem; height:1.5rem; background:#eee; cursor:pointer; vertical-align:middle; margin-right:.1rem; font-size:1rem; line-height:1.5rem; text-align:center;}
.handle .numbox em.num { width:1.9rem; font-size:.75rem;}
.handle .numbox em.minus { border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;}
.handle .numbox em.add { border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;}
.handle .numbox em.noclick { pointer-events:none; background:#fbfbfb;}
.handle .integral_txt { display:inline-block; vertical-align:middle; margin-left:1rem;}
.handle .integral_txt em { display:block; font-size:.65rem; line-height:.8rem;}
.handle .integral_txt em i { color:#ff6000;}
.exc_btnbox { background:#fff; font-size:0;text-align:center; padding:.1rem 0 1rem 0;}
.exc_btnbox .exc_btn { display:inline-block; width:5.9rem; height:1.25rem; line-height:1.25rem; margin:0 .75rem; vertical-align:middle; border-radius:.2rem; font-size:.65rem; text-align:center; color:#fff;}
.exc_btnbox .exc_btn.btn1 { background:#53b57f; }
.exc_btnbox .exc_btn.btn2 { background:#438be8; }
.explain { background:#555; color:#fff; position:fixed; top:100%; -webkit-transform:translate3d(0,-1.75rem,0); -webkit-transition:all 0.2s ease;}
.explain .close { display:block; width:1rem; height:1rem; background:url(../images/close_h.png) no-repeat center; background-size:60% 60%;  position:absolute; right:.5rem; top:.375rem; display:none;}
.explain .exp_title { display:block; width:100%; height:1.75rem; text-align:center; font-size:.7rem; line-height:1.75rem; margin-bottom:.5rem; font-weight:normal;}
.explain .exp_cont { padding:1rem; padding-top:0; box-sizing:border-box;}
.explain .exp_cont p { font-size:.7rem; line-height:1.2rem;}
.explain.up { -webkit-transform:translate3d(0,-100%,0);}
.explain.up .exp_title { background:url(../images/title_line.png) no-repeat center; background-size:100% auto;}
.explain.up .close { display:block;}

/*积分规则*/
.content { display:block; width:100%; overflow-x:hidden;}
.myintegral { background:#c0d7ff; padding:0 1.1rem; height:1.9rem; font-size:.65rem; margin-top:.2rem; position:relative; margin-bottom:.75rem; position:relative; z-index:3;}
.myintegral span { display:inline-block; line-height:1.9rem; vertical-align:middle; color:#0f4da0;}
.myintegral span i { color:#ff6000;}
.myintegral .scr_a { display:block; width:3.85rem; height:1rem; line-height:1rem; border-radius:.5rem;  text-align:center; color:#fff; background:#348bff; position:absolute; right:.75rem;top:.45rem;}
.myi_cont { padding:0 .75rem;}
.myi_title { display:block; font-weight:normal; font-size:.65rem; color:#348bff; text-indent:.5rem; margin-bottom:.2rem;}
.table_room{ width: 100%;padding-bottom: 50px;position: relative;}
.myi_table { width:100%; font-size:.65rem; text-align:left; border-top:2px solid #348bff; border-left:1px solid #c1d1ed; margin-bottom:.8rem;}
.myi_table tr th,
.myi_table tr td { padding:.4rem .5rem; border-right:1px solid #c1d1ed; border-bottom:1px solid #c1d1ed;}
.myi_table tr th { color:#333; font-weight:normal; width:4.7rem;}
.myi_table tr td { text-align:center;}
.myi_table tr td.red { color:#ff6000;}
.myi_table tr td.green { color:#089290;}
.myi_table tr td.type { width:4rem;}
.myi_p { font-size:.55rem; line-height:1rem; color:#333; padding:0 .2rem; padding-bottom:1rem;}

/*寄件承诺*/
.promise strong { display:block; font-size:.7rem; color:#333; line-height:1rem; padding:0 .5rem; box-sizing:border-box;}
.promise p { text-indent:1.1rem; font-size:.6rem; color:#666; line-height:.85rem; margin-bottom:.2rem; padding:0 .5rem; box-sizing:border-box;}
.pro_cont { padding-bottom:.3rem;}
.pro_title  { background:#c0d7ff; padding:0 1.1rem; height:1.8rem; line-height:1.8rem; font-size:.65rem; margin-top:.2rem; position:relative; margin-bottom:.5rem; position:relative; z-index:3; text-align:center;}



/*积分明细*/
.scr_btn { display:inline-block; width:3rem; height:100%;font-size:.65rem; color:#034bab; position:relative; vertical-align:middle; margin-left:-1rem; text-align:center; margin-right:.5rem; line-height:1.9rem;}
.scr_btn i { display:block; width:1px; height:.55rem; position:absolute; right:0; top:50%; margin-top:-.275rem; background:#9bb7e7;}
.scr_box { width:100%; font-size:0; position:absolute; top:1.9rem; left:0; text-align:center; padding:.5rem 0; background:#fff;-webkit-transition:all 0.2s ease; -webkit-transform:translate3d(100%,0,0);}
.scr_box .scr_arrow { display:block; width:.375rem; height:.2rem; background:url(../images/scr_arrow.png) no-repeat; background-size:100% 100%; position:absolute; top:-.2rem; left:1.45rem;}
.scr_box .scr_item { display:inline-block; width:3.45rem; height:1.15rem; text-align:center; color:#999; border-radius:.25rem; border:1px solid #71a5ff; margin:.25rem .1rem; font-size:.6rem; line-height:1.15rem; box-sizing:border-box; position:static; background:#fff; vertical-align:middle;}
.scr_box .scr_item.opt { border:0; background:#34a0f4; color:#fff;}
.scr_box.up { -webkit-transform:translate3d(0,0,0);}
.myi_table.scr { border-top:0; border-left:0; margin-top:-.75rem;}
.myi_table.scr tr th,
.myi_table.scr tr td { border-right:0;}

/*我的特权*/
.user.pri { height:6rem;margin-top:.45rem;}
.user.pri .user_box { width:100%; height:100%; left:0; top:0; position:relative;}
.user.pri .user_box .gradebox{ width:64%; position:absolute; left:18%; top:1.1rem; z-index:1;}
.user.pri .user_box .gradebox .grade{ display:inline-block; width:100%; height:.4rem; background:#959595; border-radius:.2rem; position:relative;}
.user.pri .user_box .gradebox .grade em { display:inline-block; width:.05rem; height:.4rem; background:#ff6000; border-radius:.2rem; position:absolute; left:0; top:0;}
.user.pri .user_box .gradebox .grade_num { position:absolute; top:-.2rem; font-size:.55rem; left:50%; margin-left:1.8rem;}
.user.pri .user_box .gradebox .grade_num i { color:#ff6000;}
.user.pri .user_box .user_text .rank { margin-left:0; padding:0;}
.user.pri .user_box .gradebox .user_text .rank { padding:0;}
.user.pri .user_box .user_text .rank .grade_text { text-align:center;}
.user.pri .user_box .header { width:3rem; height:3rem; left:50%; margin-left:-1.5rem; top:.4rem; float:none; position:absolute; z-index:2; padding:.25rem; background:#c4f1f5; border:1px dotted #ff6000; box-sizing:border-box;    background: url(../images/header.png) no-repeat center #fff; background-size: 1.4rem 1.4rem;}
.user.pri .user_box .header .header_room { display:block; width:2.4rem; height:2.4rem; border-radius:50%; overflow:hidden;}
.user.pri .user_box .user_text { float:none; position:absolute; left:0; bottom:.5rem; width:100%; text-align:center;}
.user.pri .user_box .user_text .namebox { text-indent:0; text-align:center;}
.user.pri .user_box .user_text .namebox .privilege { display:inline-block; width:auto; padding:0 .3rem;}
.user.pri .user_box .level { display:block; width:2.2rem; height:2.2rem; background:#c4f1f5; border:1px dotted #ff6000; position:absolute; top:.8rem; border-radius:50%; text-align:center; z-index:2; left:50%;}
.user.pri .user_box .level img { max-width:1.2rem;}
.user.pri .user_box .level.this { margin-left:-7.2rem;}
.user.pri .user_box .level.next { margin-left:5rem;}
.pri_cont { margin-top:.45rem; color:#333;  background:#fff;}
.pri_cont .pri_title { display:block; font-weight:normal;font-size:.65rem; line-height:1.75rem; border-bottom:1px solid #ecf3ff; text-indent:.8rem;}
.pri_cont .pri_list { text-align:left; font-size:0; padding-top:1rem;}
.pri_cont .pri_list .pri_item { display:inline-block; width:4rem; vertical-align:middle; margin-bottom:1rem;}
.pri_cont .pri_list .pri_item .item_img { display:block; width:1.6rem; height:1.6rem; margin:0 auto .4rem; position:relative;}
.pri_cont .pri_list .pri_item .item_img img { position:absolute; left:0; top:0; width:100%; height:100%;}
.pri_cont .pri_list .pri_item .item_img img.img1 { display:block;}
.pri_cont .pri_list .pri_item .item_img img.img2 { display:none;}
.pri_cont .pri_list .pri_item em { display:block; font-size:.55rem; text-align:center;color: #333;}
.pri_cont .pri_list .pri_item.not .item_img img.img1 { display:none;}
.pri_cont .pri_list .pri_item.not .item_img img.img2 { display:block;}
.pri_cont .pri_list .pri_item.not em { color:#999;}
.pri_cont .pri_rule { padding:.6rem 0;}
.pri_cont .rule_item{ padding-left:.8rem; margin-bottom:1rem; position:relative;}
.pri_cont .rule_item img { display:block; width:1.6rem; height:1.6rem; position:absolute; top:0; left:1.35rem;}
.pri_cont .rule_item em { display:block; font-size:.65rem; color:#c1935e; margin-bottom:.2rem;}
.pri_cont .rule_item span { display:block; font-size:.55rem; line-height:.7rem; color:#333;}

/*奖品*/
.prize_cont { }
.prize_cont .prize_num { display:block; font-size:.65rem;text-indent:.5rem; margin-bottom:.5rem;}
.prize_cont .prize_num i { color:#ff6000;}
.prize_list .prize_item { width:100%; background:#c0d7ff; border-top-left-radius:.4rem; position:relative; margin-bottom:1rem; padding:.5rem;}
.prize_list .prize_item .item_img { display:block; width:6rem; height:3.75rem; overflow:hidden; float:left;}
.prize_list .prize_item .item_text { display:block; width:6.25rem; float:left; margin-left:.5rem; padding-top:.7rem;}
.prize_list .prize_item .item_text .name{ display:block; font-size:.75rem; color:#29487c; margin-bottom:.3rem;}
.prize_list .prize_item .item_text em { display:block; font-size:.55rem; color:#728cbc;}
.prize_list .prize_item .mark { display:block; width:2.3rem; height:2.725rem; position:absolute; right:0; top:0; z-index:2; text-align:center; font-size:.56rem; color:#fff; line-height:1.5rem; text-indent:.8rem;}
.prize_list .prize_item .mark.draw { background:url(../images/prize_lab.png) no-repeat; background-size:100% 100%;}
.prize_list .prize_item .mark.exchange { background:url(../images/exchange_lab.png) no-repeat; background-size:100% 100%;}
.prize_list .prize_item .item_border { display:block; width:100%; height:.2rem; background:url(../images/circle_border.png) repeat-x; background-size:auto .2rem; position:absolute; bottom:0; left:0;}
.share_btn { display:block; width:14.25rem; height:1.75rem; line-height:1.75rem; text-align:center; color:#fff; font-size:.65rem; position:fixed; bottom:.8rem; left:50%; margin-left:-7.125rem; z-index:2; background:#5999f0; border-radius:.2rem;}

/*优惠券*/
.coupon_list { margin-top:1rem;}
.coupon_list .coupon_item{ font-size:0; margin-bottom:.6rem; position:relative;}
.coupon_list .coupon_item .item_left { width:62%; height:3rem; background:#c0d7ff; padding:.5rem; box-sizing:border-box; display:inline-block; vertical-align:middle;}
.coupon_list .coupon_item .item_left .coupon_logo { display:block; width:1.9rem; height:1.9rem; float:left; background:url(../images/coupon_logo.png) no-repeat; background-size:100% 100%;}
.coupon_list .coupon_item .item_left .item_text { display:block; float:left; margin-left:.25rem;}
.coupon_list .coupon_item .item_left .item_text .name{ display:block; color:#002360; font-size:.8rem; margin-bottom:.1rem;}
.coupon_list .coupon_item .item_left .item_text em{ display:block; font-size:.5rem; color:#37507b;}
.coupon_list .coupon_item .item_right { width:38%; height:3rem; display:inline-block; vertical-align:middle; background:#4588ff;color:#fff;text-align:center; }
.coupon_list .coupon_item .item_right strong { display:block; font-size:1.25rem; padding-top:.2rem;}
.coupon_list .coupon_item .item_right em { display:block; font-size:.55rem;}
.coupon_list .coupon_item .item_border { display:block; width:.2rem; height:100%; position:absolute; top:0; z-index:2;}
.coupon_list .coupon_item .item_border.left { left:0; background:url(../images/left_border.png) repeat-y; background-size:100% auto;}
.coupon_list .coupon_item .item_border.right { right:0; background:url(../images/right_border.png) repeat-y; background-size:100% auto;}
.coupon_list .coupon_item .lostimg { display:none; width:5.6rem; height:2.2rem; background:url(../images/lose.png) no-repeat; background-size:100% 100%; position:absolute; right:.55rem; top:.12rem;}
.coupon_list .coupon_item.past { pointer-events:none;}
.coupon_list .coupon_item.past .item_left { background:#cdcdcd;}
.coupon_list .coupon_item.past .item_left .coupon_logo { background: url(../images/gray_logo.png) no-repeat; background-size:100% 100%; }
.coupon_list .coupon_item.past .item_right { background:#8f8f8f; color:#afafaf;}
.coupon_list .coupon_item.past .lostimg { display:block;}

/*我的订单*/
.order_menu { width:100%; margin-top:4px; background:#fff; text-align:center;}
.order_menu .menu_a { display:inline-block; padding:0 12px; line-height:30px;  font-size:13px; margin:0 14px;  box-sizing:border-box; color:#666;}
.order_menu .menu_a.cur { border-bottom:1px solid #348bff;color:#348bff;}
.order_list { padding:16px 15px; padding-bottom:45px; display:none; position:relative;}
.order_list .order_item { display:block; width:100%; border-top:2px solid #348bff; border-top-left-radius:4px; border-top-right-radius:4px;margin-bottom:16px; padding:20px 80px 20px 15px; font-size:13px; color:#666; background:url(../images/order_arrow.png) no-repeat right 1.1rem center #fff; background-size:14px 24px;}
.order_list .order_item .order_num { display:block; color:#6e9cff; font-size:16px;  margin-bottom:4px;}
.order_list .order_item .order_time,
.order_list .order_item .order_state { display:block; margin-bottom:4px;}
.order_list.show { display:block;}
.add_room{ width: 100%;height: 30px;font-size: 14px;position: absolute;bottom: 15px;left: 0;padding: 0 15px; box-sizing: border-box;}
.add_room .add_data { display:block;width: 70%; height:30px; background:#348bff; border-radius:4px; text-align:center; line-height:30px; color:#fff; font-size:14px; position:absolute; top: 0px; left:15px;}
.add_room .add_data.not { background:#ccc; pointer-events:none;}
.add_room .totop{ display: none;width: 30px;height: 30px;background: url(../images/scr_arrow.png) no-repeat center #0081f0;background-size: 20px 10px;border-radius: .2rem; position: absolute;right: 15px; bottom: 0;-webkit-transform:translate3d(0,0,0)}
.add_data { display:block;width: 70%; height:30px; background:#348bff; border-radius:4px; text-align:center; line-height:30px; color:#fff; font-size:14px; position:absolute;  top:0px; left:50%;}

/*订单详情*/
.order_detail {  background:#fff; width:100%; border-top:2px solid #348bff; padding:20px; font-size:13px; line-height:20px; border-top-left-radius:4px; border-top-right-radius:4px; margin-bottom:30px;}
.order_detail .order_message { margin-bottom:16px;color:#666; }
.order_detail .order_message .order_num {color:#6e9cff; font-size:16px; }
.order_detail .order_message .order_num,
.order_detail .order_message .order_time,
.order_detail .order_message .order_state { display:block; width:100%; margin-bottom:4px;}
.order_detail .order_message .order_num span,
.order_detail .order_message .order_time span,
.order_detail .order_message .order_state span { display:inline-block; width:70px; vertical-align:top;}
.order_detail .order_message .order_num em,
.order_detail .order_message .order_time em,
.order_detail .order_message .order_state em { display:inline-block; width:180px; vertical-align:top;}
.order_detail .order_message:last-child { margin-bottom:0;}
.order_detail .order_message .order_num { letter-spacing:.03rem;}
.order_detail .line { display:block; width:100%; height:2px; background:#ecf3ff; margin-bottom:16px;}
.cancel { display:block; width:100%; height:35px; border-radius:4px; background:#5999f0; text-align:center; font-size:13px; line-height:35px; color:#fff;}

/*消息设置*/
.setting { display:block; width:100%; padding-top:.4rem;}
.setting .set_item { height:2.25rem; background:#fff; margin-bottom:.375rem; position:relative;}
.setting .set_item .name { font-size:.8rem; color:#333; line-height:2.25rem; margin-left:1.25rem;}
.setting .set_item .name i { font-size:.5rem; color:#999; margin-left:.2rem;}
.setting .set_item .switch { display:block; width:2.5rem; height:1.5rem; border:1px solid #e1e1e1; background:#fcfcfc; position:absolute; right:.5rem; top:.375rem; border-radius:.8rem;  -webkit-transition:all 0.2s ease;}
.setting .set_item .switch i { display:block; width:1.4rem; height:1.4rem; border:1px solid #e1e1e1; box-sizing:border-box; background:#fff; position:absolute; left:0; top:0; border-radius:.75rem; -webkit-transform:translate3d(0,0,0); -webkit-transition:all 0.2s ease;}
.setting .set_item.on .switch{ background:#4bd863; border:1px solid #4bd863;}
.setting .set_item.on .switch i {  border:1px solid #4bd863; -webkit-transform:translate3d(1rem,0,0);}
.setting .set_item.on .switch.noclick { pointer-events:none;}

/*经验值说明*/
.level_text { font-size:.55rem; color:#333; padding:.3rem .7rem; line-height:.8rem; background:#c0d7ff; margin-top:.5rem; box-sizing:border-box;}
.level_list { background:#fff; padding:.8rem 0 .5rem 0; margin-bottom:.5rem;}
.level_item { padding:0 1.5rem; box-sizing:border-box; margin-bottom:.6rem;}
.level_item .grade_img { display:block; float:left; width:1rem;}
.level_item .grade { display:block; width:11.5rem; height:.4rem; border-radius:.2rem; background:#d6d6d6; position:relative; float:left; margin-top:.3rem;margin-left:.3rem;}
.level_item em { display:block; width:0; height:.4rem; border-radius:2rem; background:#ff6000; position:absolute; left:0; top:0;}
.level_item em .grade_num { font-size:.55rem; color:#333; line-height:.8rem; position:absolute; right:-.5rem; bottom:-.8rem;}
.level_rule { background:#fff; padding:.75rem; box-sizing:border-box;}
.level_rule .level_title { display:block; font-size:.65rem; color:#333; padding-bottom:.5rem; border-bottom:1px solid #ecf3ff; margin-bottom:.25rem; font-weight:normal;}
.level_rule p { font-size:.55rem; line-height:1rem; margin-bottom:.5rem;}
.level_rule table { border-left:1px solid #c0d7ff; text-align:left; width:100%;}
.level_rule table tr th { padding:.35rem .35rem .35rem .9rem; background:#c0d7ff; font-size:.55rem; border-right:1px solid #c0d7ff; border-bottom:1px solid #c0d7ff;}
.level_rule table tr td { padding:.5rem .5rem .5rem .9rem; border-right:1px solid #c0d7ff; border-bottom:1px solid #c0d7ff; font-size:.55rem;}

/*导航*/
.map_cont { width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.mapbox { display:block; position:absolute; left:0; top:0; bottom:5rem; overflow:hidden; width:16rem;}
.guide_box { width:100%; height:5rem; position:absolute; bottom:0; left:0; background:#fff;border-top:1px solid #d9d9d9;}
.guide_box .guide_left { width:2.4rem; height:100%; border-right:1px solid #d9d9d9; position:absolute; left:0; top:0;}
.guide_box .guide_left .type_item { display:block; width:100%; height:2.5rem; position:relative;}
.guide_box .guide_left .type_item.drive { background:url(../images/drive.png) no-repeat center; background-size:.9rem .8rem;}
.guide_box .guide_left .type_item.walk{ background:url(../images/walk.png) no-repeat center; background-size:.6rem 1rem;}
.guide_box .guide_left .type_item.drive i { display:block; width:1.9rem; height:1px; background:#d9d9d9; position:absolute; bottom:0; right:0; opacity:1;}
.guide_box .guide_left .type_item.drive.cur { background:url(../images/drive_cur.png) no-repeat center; background-size:.9rem .8rem;}
.guide_box .guide_left .type_item.walk.cur { background:url(../images/walk_cur.png) no-repeat center; background-size:.6rem 1rem;}
.guide_box .guide_right { width:13.6rem; height:100%; position:absolute; right:0; top:0;}
.guide_box .guide_right .destination { display:block; font-size:.65rem; color:#666; padding:.4rem .5rem; padding-left:2.2rem; text-indent:-.8rem; box-sizing:border-box; margin-top:.5rem; line-height:1rem;}
.guide_box .guide_right .destination span { display:inline-block; color:#5484eb; margin-right:.1rem; width:.6rem;}
.guide_box .guide_right .type_text { display:block; font-size:.55rem; color:#666; padding-left:2.2rem; text-indent:-.8rem; box-sizing:border-box;}
.guide_box .guide_right .type_text span{ display:inline-block; color:#5484eb; margin-right:.1rem; width:.6rem;}
.guide_box .guide_right .type_text em { display:inline-block; margin:0 .1rem; color:#ff6c00; text-indent:0; font-size:.65rem;}
.guide_box .guide_right .gps_a{ display:block; width:3.7rem; height:1.2rem; border:1px dotted #4b93ff; padding-left:1.5rem; box-sizing:border-box; background:url(../images/gps_a.png) no-repeat .6rem .25rem; background-size:.7rem .7rem; color:#3385ff; font-size:.65rem; border-radius:.6rem; position:absolute; right:.75rem; bottom:.6rem;line-height:1.1rem;}
.guide_box .guide_right .gps_a.noclick { pointer-events:none;background:url(../images/gps_a_gray.png) no-repeat .6rem .25rem; background-size:.7rem .7rem; color:#ccc; border:1px dotted #ccc;}



/*快件查询*/
.u-numsearch{width:90%; background:url(../images/bottomBg.png) center bottom no-repeat #C0D7FF; background-size:100%;position:relative; top:20px; border-radius:5px; padding-bottom:3rem;}
.u-num-title{ position:relative; background:url(../images/titleBg.png) left center repeat; height:2px; top:2rem; width:80%; margin:auto;}
.u-num-title h1{ position:absolute; top:-0.7rem; font-size:1.5rem; color:#333; background:#C0D7FF; padding:0 10px; left:50%; margin-left:-4.4rem; font-family:黑体;}
.u-num-cont{width:90%; margin:auto; margin-top:4rem; position:relative; overflow:visible; z-index:10;}
.u-num-cont input{ width:84%; border:0; height:3rem; box-sizing:border-box; float:left; font-size:1.3rem; color:#666;border-radius:4px;}
.u-num-cont a{float:right;display:inline-block; margin-left:3%; height:3rem; background:#fff; border-radius:5px; width:3rem; text-align:center; position:relative; box-sizing:border-box; padding-top:.4rem;}
.u-num-cont a img{ position:absolute; top:0.25rem; left:0.25rem;}
.u-num-cont button{ width:100%; border:0; background:#008AFF; color:#fff; font-size:1.6rem; margin-top:1.5rem; height:3.6rem; border-radius:5px;}
.u-num-cont button:hover{background:#0081F0;}
.u-num-menu{ position:relative; top:20px; margin-top:20px; background:#fff; border-top-left-radius:5px;border-top-right-radius:5px; padding:10px 5%; box-sizing:border-box;}
.u-num-menu li{ width:33%; text-align:center; float:left; height:7rem; margin-top:20px; box-sizing:border-box; position:relative;}
.u-num-menu li.u-br{border-right:1px solid #ECF3FF;}
.u-num-menu li a{ position:absolute; top:0; left:0; display:block; width:100%; height:7rem;}
.u-num-menu li h2{ width:100%; height:4rem; text-align:center;}
.u-num-menu li p{ text-align:center; text-indent:0; color:#333; font-size:1.3rem;}
.u-num-menu li div{ padding-top:8px;}
.u-num-menu li .u-bt{ position:absolute; top:-10px; border-top:1px solid #ECF3FF; width:80%; padding-top:15px; left:10%;}
.u-num-history{ position:absolute; background:#fff; top:3rem; width:84%; border:1px solid #e0e0e0; z-index:999; display:none;}
.u-num-history li{ line-height:2.5rem; padding-left:1rem; font-size:1.4rem}

/*预约寄件*/
.u-cont{background:#ECF3FF; padding:1rem 3%; box-sizing:border-box;border-radius:5px; position:relative; top:0px;}
.u-order-recipient{ width:100%; border-radius:5px; background:#fff; position:relative; padding:15px 15px 10px 15px; box-sizing:border-box;}
.u-weight{width:100%; border-radius:5px; background:#fff; position:relative;box-sizing:border-box; height:45px; line-height:45px; padding-left:15px;}
.u-order-recipient .u-info li{border-bottom:1px solid #EDF4FF; padding-top:5px; padding:5px 0}
.u-order-recipient div.fl{ display:inline-block; }
.u-order-recipient div i{ font-size:2.4rem;}
.u-order-recipient .u-order-box h2,.u-order-recipient .u-info li h2{ display:inline-block; color:#999999; font-size:1.5rem; line-height:24px; padding-left:10px;}
.u-order-recipient span.u-icon,.u-order-recipient .u-info  li span.u-icon{ width:2rem; height:2rem; border-radius:1rem; color:#fff; font-size:1.4rem; display:block; text-align:center; line-height:1.9em; margin-left:0;}
.u-order-recipient h5.u-icon{ width:24px; height:24px; border-radius:12px; color:#fff; font-size:1.4rem; display:block; text-align:center; line-height:1.9em; margin-left:0;background:#008AFF;}
.u-order-recipient h5.u-icon.u-jijian{ background:#008AFF;}
.u-order-recipient h5.u-icon.u-shoujian{ background:#FF8B48;}
.u-order-recipient .u-info li h2{ padding-left:0;}
.u-order-recipient .u-info li h2 span{font-size:1.4rem;}
.u-order-recipient .u-info li.ml-20{ margin-left:24px;padding:5px 0 5px 0}
.u-order-recipient .u-info li span{ margin-left:10px; color:#666666; line-height:25px;font-size:1.4rem;}
.u-order-recipient .u-info li input{ border:0; padding:0;height:25px;font-size:1.3rem; line-height:25px; color:#666;  width:68%; overflow:hidden;}
.u-order-recipient .u-info li h2 input{font-size:1.3rem;}
.u-order-recipient .u-info li.u-br0{ border-bottom:0;}
.u-order-recipient .u-info li.u-br0 h4{ float:left; width:20px; text-align:center; margin-top:2px;}
.u-order-recipient .u-info li.u-br0 span{color:#666; font-size:1.2rem;font-family:黑体;margin-left:2px; line-height:20px;float:left; display:block; }
.u-order-recipient .u-info li.u-br0 img{ width:16px; margin-right:2px; vertical-align:-2px;}
.u-order-recipient .u-info li.u-br0.curr img{ width:16px;}
.u-order-recipient span,
.u-order-recipient input { display:inline-block; vertical-align:top;}
.u-order-recipient textarea { padding:0; line-height:25px; font-size:1.3rem;}

.u-switch{ width:15%; height:18px; border-radius:10px; background:#4DD763; vertical-align:0; position:relative; float:left; max-width:30px; border:1px solid #4DD763;}
.u-order-box{ width:100%;}
.u-order-title{ width:100%;}
.u-order-title h2{font-size:1.4rem;color:#666; padding:0px 0 5px 0;font-family:黑体; position:relative;}
.u-order-title h2 i{ position:absolute; right:0; display:block; width:40px; height:40px; top:-10px;}
.u-order-title h2.bb{ border-bottom:1px solid #EDF4FF;}
.u-order-title h2.open{ background-size:18px auto;font-size:1.4rem}
.u-order-title h2.close{  background-size:18px auto; font-size:1.4rem}
.u-order-title h2.open i{ background:url(../images/open.png) 20px 15px no-repeat;background-size:18px auto;}
.u-order-title h2.close i{background:url(../images/close.png) 20px 15px no-repeat;background-size:18px auto;}
ul.u-list{ margin-top:0px;border-top:1px solid #EDF4FF; overflow:hidden;}
ul.u-list li{ float:left; width:30%; margin:15px 0 0 0; text-align:center; border:1px dotted #0090FF; line-height:24px; border-radius:5px; font-size:1.5rem; color:#666666; box-sizing:border-box;}
ul.u-list li.curr{ background:#0090FF; color:#fff;}
ul.u-list li.mlr2{ margin:15px 5% 0 5%;}
.u-list-cont{ overflow:hidden; height:0}
.u-attention{ text-indent:0; margin-top:15px; font-size:1.2rem; color:#666;}
.u-order-title ul li{ width:28%; margin:3px 2.3% 3px 0; float:left; height:39px; background:#F5F5F5; line-height:39px; text-align:center;  font-size:2.5rem; font-weight:bold; font-family:Romantic arial; position:relative;-webkit-user-select: none;}
.u-order-title ul li.minus{ background:#FBFBFB; color:#CBCBCB;}
.u-order-title ul li.weight { color: #404548; font-size: 2.4rem; background: none; width:34%;}
.u-order-title ul li.weight .weight_txt {display:inline-block; width:100%; height:100%; vertical-align:middle; margin:0; padding:3px;text-align:center; border:1px solid #ccc; box-sizing:border-box; position:absolute; left:0; top:0;}
.u-order-title ul li.raise{ color:#999999;-webkit-user-select: none;}
.u-order-title ul li.minus span{ position:absolute; top:50%; width:16px; height:2px; background:#CBCBCB; display:block; left:50%; margin-left:-8px;}
.u-order-title#says span{ margin-right: 5px;}
.u-bottom-cont{ height:100px;}
.left-introduce{ width:80%; background:#565656;height:100%;padding:15px 0;}
.left-introduce p{ font-size:1.3rem; text-indent:1.2rem; color:#dfdfdf; line-height:2rem; padding-left:5%;}
.left-introduce p span,.left-introduce p a{ color:#0090ff}
.left-introduce p span#iagree{ color:#dfdfdf;}
.left-introduce p span#iagree img{ vertical-align:-2px; width:13px; margin-right:3px;}
.left-introduce p span#iagree.curr img{width:16px;}
.right-submit{width:20%; background:#0090FF; height:100%;}
.right-submit button{ width:100%; height:100%; font-size:1.8rem; color:#fff; background:#0090FF; border:0;}

/*查件历史*/
.u-num-cont.u-num-search{width:96%;background:#C0D7FF;padding:5px 5px; box-sizing:border-box; border-radius:4px; margin-top:0; box-sizing:border-box;}
.u-search-c{ width:100%;margin:auto; background:#fff; }
.u-search-c h1.u-title{ font-size:1.2rem; color:#ff6910; text-indent:10%; line-height:20px; position:relative; padding:5px 0;}
.u-search-c1 h1 i{ position:absolute; width:10%; min-width:15px; height:20px; right:10%; top:5px;}
.u-search-c1 ul{ width:100%;border-top:1px solid #F4F4F4;}
.u-search-c1 ul li{ width:100%; padding:15px 10%;border-bottom:1px solid #F4F4F4;box-sizing:border-box; position:relative;text-align: left; }
.u-search-c1 ul li h2{ font-size:1.5rem; color:#6e9cff; line-height:25px;text-align: left;text-indent: 0;}
.u-search-c1 ul li h2 span{color:#6e9cff; margin-right:10px;}
.u-search-c1 ul li h3{font-size:1.3rem; color:#666666;line-height:20px;}
.u-search-c1 ul li p{font-size:1.2rem; text-indent:0; color:#999999;line-height:20px;}
.u-search-c1 ul li a { display:block;text-align: left;}
.u-search-c1 ul li h4{position:absolute; right:-9%; width:20%; min-width:30px;text-align: center;text-indent: 0; background:#D90000; color:#fff;height:100%;top:0; margin-top:0; text-align:center; line-height:75px; display:none; font-size:1.4rem;}
.u-search-c1 ul li em{ position:absolute; right:5%; top:50%; width:10%; height:20px; margin-top:-10px; min-width:15px; background:url(../images/right.png) center center no-repeat; background-size:9px 14px; color:#fff;}
.u-search-c1 ul li.delete{ left:-9%; background:#F3F3F3; width:100%;}
.u-search-c1 ul li.delete em{display:none;}
.u-search-c1 ul li.delete h4{display:block;}
.u-cover-bg{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); z-index:16; display:none;}
.u-eject{ position:relative; top:50%; width:90%; background:#fff; left:5%; padding:20px 20px; box-sizing:border-box; border-radius:5px; margin-top:-70px;}
.u-eject h2{ border-bottom:1px solid #f2f2f2; padding:10px; color:#666; font-size:14px;}
.u-eject h2 img{ vertical-align:-2px; margin-right:5px; width:17px;}
button.u-cancle,button.u-sure{  width:35%; height:25px; background:#5999F0; color:#fff; border:0; border-radius:5px; margin-top:20px; float:left;}
button.u-sure{ float:right;}

.down_box { display:block; width:100%; position:absolute; left:0; top:60px; background:#fff; display:none; z-index:10; overflow:auto;}
.down_box .date_history { display:block; width:100%; background:#fff; display:none;}
.down_box .date_history .history_title { height:30px; line-height:30px; font-size:12px; padding:0 15px; box-sizing:border-box; border-bottom:1px solid #eee;}
.down_box .date_history .history_title em { float:left;}
.down_box .date_history .history_title .delete_btn { display:block; width:25px; height:25px; padding-left:5px; padding-top:2px; box-sizing:border-box; float:right;}
.down_box .date_history .history_item { padding:8px 15px; border-bottom:1px solid #eee;}
.down_box .date_history .history_item strong { display:block; font-weight:normal; font-size:14px; color:#333;}
.down_box .date_history .history_item em { display:block; font-size:12px; color:#ccc;}
.down_box .vague_box { display:block; width:100%; background:#fff; display:none;}
.down_box .vague_box a { float:none; margin:0; padding:0; display:block; width:100%; text-align:left; height:auto; padding:8px 15px; border-radius:0; border-bottom:1px solid #eee; position:relative;}
.down_box .vague_box .vague_item .vague_arrow{ position:absolute; right:15px; top:50%; margin-top:-7px;}
.down_box .vague_box .vague_item strong { display:block; font-weight:normal; font-size:14px; color:#333;}
.down_box .vague_box .vague_item em { display:block; font-size:12px; color:#ccc;}
.down_box .site_box{ display:block; width:100%; background:#fff; display:none;}
.down_box .site_box .sitebox_title { height:30px; line-height:30px; font-size:12px; box-sizing:border-box; border-bottom:1px solid #eee; color:#666; padding:0 15px;}
.down_box .site_box .sitebox_title span { float:left;}
.down_box .site_box .sitebox_title em { float:right;}
.down_box .site_box .sitebox_title em i { font-size:14px; display:inline-block; margin:0 2px; color:#ff6000;}
.down_box .site_box .site_item { display:block; padding:8px 0 0 0; border-bottom:1px solid #eee;}
.down_box .site_box .site_item .site_title { display:block; font-weight:normal; font-size:14px; color:#333; padding:0 15px; margin-bottom:3px;}
.down_box .site_box .site_item .site_detail { display:block; font-size:12px; color:#ccc; padding:0 15px; margin-bottom:3px;}
.down_box .site_box .site_item .site_distance { display:block; color:#999; font-size:12px; padding:0 15px; margin-bottom:8px;}
.down_box .site_box .site_item .site_distance i { display:inline-block; padding:0 8px; background:#ccc; color:#fff; border-radius:10px; font-size:12px; margin-right:3px; display:none;}
.down_box .site_box .site_item .site_abox { display:block; border-top:1px solid #eee;}
.down_box .site_box .site_item .site_abox a { display:block; width:49%; float:left; margin:0; padding:0; border-radius:0; height:25px; line-height:25px; color:#666; text-align:center;}
.down_box .site_box .site_item .site_abox a.tel_site { float:none; float:right; border-left:1px solid #eee;}
.down_box .site_box .site_item .site_abox a i{ margin-right:4px;}
.down_box .site_box .site_item .site_abox a i,
.down_box .site_box .site_item .site_abox a span { vertical-align:middle; line-height:25px;}
.down_box .site_box .site_item.recently .site_distance i{ display:inline-block;}

/*快件跟踪记录*/
ul.u-num-info{ width:100%; height:50px; background:#fff; border-bottom:1px solid #F4F4F4; border-bottom:2px solid #6E9CFF;}
ul.u-num-info li{ font-size:1.8rem; color:#5484eb; float:left; text-align:center; line-height:50px;}
ul.u-num-info li span{ font-size:1.6rem; color:#eb0000;}
table.u-record{ width:95%;}
table.u-record tr td{ padding:20px 0;color:#666666;font-size:1.3rem;}
table.u-record tr th{ text-align:left;padding:20px 0; color:#666666; font-weight:100; font-size:1.3rem;}
table.u-record tr.over td,table.u-record tr.over th{ color:#2d8212;}
table.u-record tr.over th span{ color:#2d8212;}
table.u-record tr td.img{ background:url(../images/shutiao.jpg) center top no-repeat;}
table.u-record tr.over td.img{background:url(../images/shutiao.jpg) center bottom no-repeat; background-size:2px 30px;}
table.u-record tr.start td.img{background:url(../images/shutiao.jpg) center top no-repeat; background-size:2px 30px;}
table.u-record tr.start th{ border:0;}
table.u-record tr td.img img{ background:#fff; padding:5px 0;}
table.u-record tr th span{ color:#0970e4; margin:0 5px;}
table.u-record tr th span.left0{ margin-left:0;}
.fixed-bottom{position:relative;height:50px; width:100%;}
.u-evaluate{height:50px; width:100%; background:#565656; margin-bottom:0;position: absolute;bottom: 0;left: 0;}
.u-evaluate.curr{ height:300px;}
.u-evaluate.u-describe.curr{height:100px;}
.u-evaluate.u-describe.curr p{ margin:auto;}
.u-evaluate .u-evaluate-title{ position:relative;background:none; height:2px; top:24px; width:90%; left:5%;}
.u-evaluate.curr .u-evaluate-title{background:url(../images/titleBg.png) left center repeat;}
.u-evaluate .u-evaluate-title h2{ color:#fff; font-family:1.2em; text-align:center;position:absolute; top:-10px; left:50%; margin-left:-42px; background:#565656; padding:0 8px;}
.u-evaluate.u-describe .u-evaluate-title h2{ margin-left:-60px;}
.u-evaluate .u-evaluate-title i{color:#fff; position:absolute; right:0; top:-7px;background:#565656;padding:0 0 0 8px; display:none;}
.u-evaluate.curr .u-evaluate-title h2{ margin-left:-52px;}
.u-evaluate.curr .u-evaluate-title i{display:block;}
.u-empty-fill{ height:50px;}
.u-empty-fill.curr{ height:0;}
.u-evaluate-c{ position:relative; top:45px; width:90%; margin:auto; display:none;}
ul.u-evaluate-star li{ float:left; width:20%; height:20px; background:url(../images/star.png) center center no-repeat; background-size:18px; padding-right:10px; box-sizing:border-box;}
ul.u-evaluate-star li.curr{background:url(../images/starcurr.png) center center no-repeat;background-size:18px;} 
.u-evaluate-show{ width:100%; height:12px; background:#959595; border-radius:6px;}
.u-evaluate-show h2{ width:80%; height:12px; background:#FF6000; border-radius:6px; margin-top:5px;}
ul.u-evaluate-level li{ float:left; width:20%; color:#fff; font-size:1.1rem; text-align:center;}
ul.u-evaluate-reason li{ float:left; width:30%; box-sizing:border-box; color:#fff; text-align:center; font-size:1.1rem; border:1px dotted #C5C5C5;height:25px; line-height:23px; margin-top:10px; border-radius:13px; vertical-align:middle;}
ul.u-evaluate-reason li.curr{ background:#E6722D; border:1px solid #E6722D;}
.u-evaluate-detail textarea{ width:100%; box-sizing:border-box; padding:5px; background:#fff; border-radius:5px; border:0; height:50px;}
.u-evaluate-tijiao button{ width:100%; background:#E6722D; color:#fff; border:0; border-radius:5px; height:30px; font-size:1.4rem; }
.u-evaluate-c p{ width:80%; text-indent:0; color:#fff; font-size:1.2rem;}
/*价格时效*/
.u-choice-city{ width:100%; position:relative;}
.u-choice-city input{ width:100%; height:40px; line-height:40px; box-sizing:border-box; border-radius:5px; box-sizing:border-box; border:0; position:relative;}
.u-choice-city i{ position:absolute; right:10px; top:50%; margin-top:-12px;}
.u-btn{ background:#5999F0; font-size:1.8rem; color:#fff; height:3.6rem; border:0; border-radius:5px;}
.u-top-name{ position:relative; top:25px; background:url(../images/titleBg.png) left center repeat; height:2px; width:80%; margin:auto;}
.u-search-reasult{ width:100%; margin:30px auto 20px auto; background:#fff; padding:5px; box-sizing:border-box; border-top-left-radius:5px; border-top-right-radius:5px; height:200px;}
.u-top-name h2{ position:absolute; left:50%; padding:0 10px; margin-left:-40px; background:#fff; top:-12px;}
.u-shichang{border-bottom:1px solid #ECF3FF;width:90%; margin:auto;margin-top:10px; height:40px; line-height:40px; color:#333333; font-size:1.3rem;}
.u-baojia{border-bottom:1px solid #ECF3FF;width:90%; margin:auto;margin-top:60px; height:40px; line-height:40px; color:#333333; font-size:1.3rem;}
.i_room { display:block; width:40px; height:40px;position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -20px;}
<!--订单详情 新加-->
.u_tp { position:absolute; left:0; top:0; z-index:2;}
.f_bm { position:absolute; left:0; bottom:0; z-index:3;}
.u_room { width:100%; position:absolute; left:0; top:50px; bottom:50px; overflow:hidden; background:#fff; z-index:2;}
.u_room.tobottom{ bottom: 0;}
.u_room.totp { top:0;}

/*网点查询*/
.u-map{ background:url(../images/map.jpg) left top repeat #fff; width:100%; background-size:100%; margin-top:10px; position:relative;}
.u-map-cont{ position:absolute; bottom:20px; width:90%; height:130px; border-radius:5px; background:#fff; left:5%; box-shadow:-1px 1px 2px #ccc; padding:15px 0; box-sizing:border-box;}
.u-site-detail{ width:70%; float:left; overflow:hidden;}
.u-site-detail ul{ width:300%;}
.u-site-detail ul li{ float:left; width:50%; padding:0 10px; box-sizing:border-box;}
.u-site-detail em.notmessage{display: block; text-align: center;font-size: 14px;line-height: 100px;}
.u-site-name{ width:100%; position:relative;}
.u-site-name h2{ font-size:1.4rem; color:#5484eb; float:left; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.u-site-name h2 a{ color:#5484eb;}
.u-site-name button{ float:right; width:20%; color:#323b50; background:#C0D7FF; font-size:1.1rem; border:0; border-radius:5px; text-align:center;}
.u-site-addr{ width:100%;position:relative;}
.u-site-addr h3{font-size:1.2rem; color:#666; float:left; width:75%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.u-site-addr h3 a { color:#666;}
.u-site-addr span{ float:right; width:21%; text-align:right;font-size:1.1rem;}
.u-site-operate{ width:15%;float:left; height:100%;}
.u-site-operate a{ display:block; float:left; width:100%; text-align:center; position:relative; top:50%; margin-top:-10px;}
.u-site-operate a img{ width:1rem;}
.u-site-operate2{ width:100%; position:relative; margin-top:15px; padding-top:5px; border-top:1px solid #F2F2F2;}
.u-site-operate2 a{ width:50%; display:block; float:left; text-align:right;height:40px; line-height:40px; font-size:1.3rem;}
.u-site-operate2 a img{ width:1.4rem; margin-right:3px; vertical-align:-3px;}
.u-site-operate2 a.u-left{ border-right:1px solid #F2F2F2; text-align:left;}

/*网点详情*/
.u-sd-top{ width:100%; background:url(../images/sitedetail.jpg) center center no-repeat; background-size:cover; height:150px;}
.u-sd-cont{ width:90%; margin:auto; background:#fff; margin-top:15px; border-top-left-radius:5px;border-top-right-radius:5px; padding:15px; box-sizing:border-box;}
.u-sd-cont .u-site-name h2 a{ font-size:1.6rem;}
.u-sd-cont .u-site-name a.u-nearest img{ margin-right:2px;}
.u-sd-cont .u-site-name a.u-nearest{ font-size:1.1rem; color:#666; line-height:2.2rem; float:right;}
.u-sd-cont .u-site-name a.u-nearest img{ width:1.4rem;vertical-align:-3px;}
.u-bm{ height:15px; border-top:1px solid #f2f2f2; width:100%; margin-top:15px;}
table.u-sd-c tr th{ text-align:left; font-weight:100; color:#666;font-size:1.3rem; padding:3px 0; width:7.0rem; vertical-align:top;}
table.u-sd-c tr td{ text-align:left; font-size:1.3rem; color:#666;padding:3px 0; line-height:20px; word-break:break-all;vertical-align:top; }
table.u-sd-c a { color:#666;}
button.u-best{ float:left; width:35%; height:25px; background:#fff;border:1px dotted #6FA4FF; border-radius:5px; color:#666666; font-size:1.3rem; margin-bottom:10px}
button.u-best.noclick { pointer-events:none;}
button.u-collect{float:right; width:35%; height:25px; background:#fff; border:0; border:1px dotted #FFA53F; border-radius:5px; color:#666666; font-size:1.3rem;margin-bottom:10px}
button.u-best img,button.u-collect img{ height:1.4rem; vertical-align:-2px; margin-right:3px;}
.u-ordernow{ width:100%; height:50px; background:#565656;}
.u-ordernow a{ color:#fff; font-size:1.6rem; display:block; width:100%; height:50px; line-height:50px; margin-top:15px; text-align:center; -webkit-appearance:none; }

/*地址管理*/
.u-addr-none .u-alt{ width:100%; text-align:center; position:relative; top:20%;}
.u-addr-none .u-alt img{ width:60px;}
.u-alt-info{ height:20px; border-bottom:1px solid #9AB2DC; position:relative; top:20%; width:80%; margin: 20px auto;}
.u-alt-info h2{ position:absolute; color:#6a89bf; font-size:1.1rem; background:#ECF3FF; left:50%; margin-left:-6.3rem; text-align:center; padding:0 5px;}
.u-new-addr{width:100%; height:50px; background:#565656;position: absolute;bottom: 0;left: 0;}
.u-new-addr a{ color:#fff; font-size:1.3rem; display:block; width:100%; height:50px; line-height:50px; text-align:center;}
.u-new-addr a img{width:13px; vertical-align:-2px; margin-right:5px;}

/*地址簿列表*/
ul.u-addr-list{ width:90%; margin:auto; position:relative; top:0px; margin-bottom:0px;padding-bottom: 40px;}
ul.u-addr-list li{ width:100%; position:relative; background:#fff; border-radius:5px; padding:10px 0 0 0; box-sizing:border-box; margin-bottom:20px;}
ul.u-addr-list li .u-addr-c{ float:left; width:80%; padding-left:5%; box-sizing:border-box; display:block;}
ul.u-addr-list li .u-addr-c h2{ color:#008aff; font-size:1.6rem;}
ul.u-addr-list li .u-addr-c p{ text-align:left; text-indent:0; margin-top:10px; color:#666666; font-size:1.3rem;}
ul.u-addr-list li .u-addr-a{ float:left; width:20%;}
ul.u-addr-list li .u-addr-a a{ display:block; width:100%; height:40px; line-height:40px; padding-top:20px; text-align:center;}
ul.u-addr-list li .u-addr-a a img{ width:1rem;}
ul.u-addr-list li.noarr .u-addr-a { display:none;}
ul.u-addr-list li:first-child { margin-top:15px;}
ul.u-addr-list .add_data{ left: 0;}
.u-addr-operate{ margin-top:17px; border-top:1px solid #E6E6E6;}
.u-addr-operate a{ display:block; float:left; width:33%; height:30px; line-height:30px; border-right:1px solid #E7E7E7; text-align:center; font-size:1.1rem; color:#666;}
.u-addr-operate a img{ width:1rem; vertical-align:-2px; margin-right:3px;}
.u-addr-operate a.border0{ border:0;}
.collect_site { display:block; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; z-index:11; background:#ecf3ff; -webkit-transform:translate3d(-100%,0,0);-webkit-transition:all 0.2s ease; padding-top:40px;}
.collect_site .site_room { display:block; width:100%; position:absolute; top:40px; bottom:50px; }
.collect_top { width:100%; height:30px; line-height:30px; text-align:center; background:#fff; position:absolute; top:0; left:0; font-size:14px;}
.collect_top strong { font-size:14px; font-weight:normal;}
.collect_top .collect_back,
.collect_top .detail_back { display:block; font-size:12px; position:absolute; left:0; top:0; line-height:30px; width:50px;}
.collect_top .collect_back .icon-left,
.collect_top .detail_back .icon-left { font-size:14px; line-height:30px; color:#999;}
.collect_top .collect_close { display:block; width:30px; height:30px; position:absolute; right:0; top:0; background:url(../images/close_gray.png) no-repeat center; background-size:40% 40%; }

.collect_detail{ display:block; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; z-index:12; background:#ecf3ff; -webkit-transform:translate3d(-100%,0,0);-webkit-transition:all 0.2s ease; padding-top:40px;}
.collect_site.show,
.collect_detail.show { -webkit-transform:translate3d(0,0,0);}
.collect_detail .site_cont { position:absolute;}

/*新建地址簿*/
ul.u-newAddr{ width:90%; margin:auto; background:#fff; border-radius:5px;padding:15px; box-sizing:border-box;}
ul.u-newAddr li{ width:100%; border-bottom:1px solid #ECF3FF; font-size:1.4rem; color:#666666; position:relative; line-height:30px; padding-top:5px;}
ul.u-newAddr li input{ width:80%; border:0; color:#666; font-size:1.4rem;}
ul.u-newAddr li i{ position:absolute; right:10px; top:8px;} 
ul.u-newAddr li i img{ width:17px; vertical-align:-5px;}
ul.u-newAddr li span#iagree img{ width:13px;vertical-align:-2px; margin-right:5px;}
ul.u-newAddr li span#iagree.curr img{ width:16px; }
.u-save{ width:90%; margin:auto; margin-top:20px;}
.u-save button{ width:100%; height: 36px; background:#5999F0; color:#fff; font-size:1.6rem; border:0; border-radius:5px;}

/*预约成功*/
.u-yuyue-c{ width:100%; background:#C0D7FF; padding-bottom:20px;}
.u-yuyue{ width:90%; background:#fff; border-radius:5px; margin:auto; padding:15px; box-sizing:border-box;}
.u-top-head{ width:100%; height:60px; border-bottom:1px solid #f2f2f2}
.u-top-head h2{ width:18%; float:left; text-align:center;}
.u-top-head h2 img{ width:40px;}
.u-top-head h3{ width:64%; float:left; text-align:center; line-height:40px; font-size:1.6rem; color:#666;}
.u-top-head h3 img{ margin:0 5px 0 5px; vertical-align:-2px;}
.u-yuyue p{ text-indent:0; font-size:1.3rem; color:#666; margin-top:15px;text-align: center;}
.u-yuyue p span{ font-size:1.1rem; color:#d48265;}
a.u-see-order,a.u-order-again{ background:#5999F0; color:#fff; width:35%; height:36px; border:0; border-radius:5px; float:left; margin-top:20px; display:block; text-align:center; line-height:36px; font-size:1.6rem;}
a.u-see-order{ float:right;}
.u-ad img{ width:90%;}

/*在线客服*/
.u-t-c{ height:13rem;}
.u-top-c{ width:100%; height: 7rem; position:relative; background:#C0D7FF;}
/*.u-top-c h2{ position:absolute;left:50%; margin-left:-5.5rem; font-size:1rem;}*/
.u-top-c h1{ position:absolute; left:50%; margin-left:-5.5rem; top:0.5rem; padding:0; text-align:center;}
.u-top-c h1 span{ color:#053e69; font-size:0.9rem; margin-left:-0.07rem;}
.u-top-c h1 img{width:11rem; margin-top:-0.3rem;}
.u-service-c{ width:100%; padding:0; box-sizing:border-box; overflow-y:scroll; height:100px;}
.u-service-c .u-service-time{ width:90%; position:relative; margin:auto; height:0.6rem; border-bottom:1px solid #E6EFFF; margin-top:2rem;}
.u-service-c .u-service-time h2{ position:absolute; font-size:1rem; left:50%; margin-left:-3rem; background:#ECF3FF; padding:0 1rem;}
ul.u-service-talk{ width:90%; margin:auto;  margin-top:3rem;}
.u-kefu{ position:relative;}
.u-kefu h2{ float:left;}
.u-kefu h2 img{ width:3.3rem;}
.u-kefu p{ float:left; background:#FFFFFF; border-radius:5px; font-size:1.3rem; line-height:1.5rem; min-height:4rem; margin-left:1.5rem; border:1px solid #E2E6ED; text-indent:0; padding:0.5rem 1rem; max-width:70%; word-break:break-all;}
.u-kefu i{ position:absolute; width:0.8rem; height:1rem; background:url(../images/kefu/leftb.png) center center no-repeat; background-size:cover; display:block; left:4.2rem; top:0.5rem;}
ul.u-service-talk li{ clear:both; margin-bottom:2.5rem;}
.u-kehu{ position:relative;}
.u-kehu h2{ float:right;}
.u-kehu h2 img{ width:3.3rem;}
.u-kehu p{ float:right; background:#C0D7FF; border-radius:5px; font-size:1.3rem; line-height:1.5rem; min-height:4rem; margin-right:1.5rem; border:1px solid #CDDFFD; text-indent:0; padding:0.5rem 1rem; max-width:70%; word-break:break-all;}
.u-kehu i{ position:absolute; width:0.8rem; height:1rem; background:url(../images/kefu/rightb.png) center center no-repeat; background-size:cover; display:block; right:4.1rem; top:0.5rem;}
.u-servie-b{ width:100%; height:5rem; background:#565656;  padding:0 1.5rem; box-sizing:border-box; z-index:999; position:relative; font-size:0;}
.u-servie-b .u-face{ width:5rem;padding-top:1.5rem;}
.u-servie-b input{ color:#666; height:2.8rem;border:0; border-radius:3px;border:0px solid #565656;margin:0; font-size:1.2rem; width:19rem; box-sizing:border-box; position:relative; top:1.1rem;}
.u-servie-b button{ width:4rem; height:2.8rem; border:0px solid #565656;border-radius:3px; background:#ECECEC; color:#666666; font-size:1.2rem; margin:0; margin-left:0.5rem;position:relative; top:1.1rem;}
.u-servie-b a.u-set img{width:2rem; vertical-align:-0.7rem;  margin-right:0.5rem;}
.u-servie-b a.u-emoticon img{width:2rem; vertical-align:-0.7rem; margin-right:0.5rem;}

/*APP下载*/
.codebody .downland { display:block; width:100%; height:100%; position:relative; background: #5999f0;overflow: hidden;}
.codebody .lingth {display:block; width:100%; height:100%; position:absolute; left:50%; top:0; z-index:1; opacity:0;}
.codebody .lingth em { display:block; width:100%; height:100%; background:url(../images/dd_1.png) no-repeat center; background-size:auto 100%;  position:absolute; left:0; top:0; }
.codebody .dd_circle { display:block; width:15.1rem; height:13.525rem; background:url(../images/dd_2.png) no-repeat center bottom;background-size:100% auto; position:absolute; left:50%; top:50%; margin-left:-7.65rem; margin-top:-8.7625rem; z-index:2; overflow:hidden; padding-top:2rem; box-sizing:initial; opacity:0;}
.codebody .dd_phone { display:block; width:9.375rem; height:15.3rem; background:url(../images/dd_3.png) no-repeat center;background-size:100% 100%; position:absolute; bottom:0; left:2.85rem; opacity:0 ;}
.codebody .finger { display:block; width:2.5rem; height:5.1rem; background:url(../images/dd_4.png) no-repeat center;background-size:100% 100%; position:absolute; left:-.8rem; top:6.5rem; z-index:2;}
.codebody .dd_code { width:6.05rem; position:absolute; left:1.35rem; top:1.75rem; z-index:1;}
.codebody .code_name { display:block; width:6rem; height:1.6rem; border-radius:.2rem; background:#008af5; text-align:center; line-height:1.6rem; color:#fff; position:absolute; top:8.15rem; left:1.4rem;}

.codebody .lingth { -webkit-animation:blow .4s linear 0s 1 forwards;}
.codebody .lingth em { -webkit-animation:rotate_right 6s linear 0s infinite forwards;}
.codebody .dd_circle { -webkit-animation:blow_rote .4s ease .5s 1 forwards;}
.codebody .dd_phone { -webkit-animation:phone .6s ease 1s 1 forwards;}
.collect_btn a { display:block;}

<!--订单详情 新加-暂无用-->
.u_tp { position:absolute; left:0; top:0; z-index:2;}
.f_bm { position:absolute; left:0; bottom:0; z-index:3;}
.u_room { width:100%; position:absolute; left:0; top:50px; bottom:50px; overflow:hidden; background:#fff; z-index:2;}
.u_room.tobottom{ bottom: 0;}
.u_room.totp { top:0;}

@-webkit-keyframes rotate_right{
   0%{ -webkit-transform:rotate(0deg);}
   100%{ -webkit-transform:rotate(360deg);}
}
@-webkit-keyframes blow{
   0%{ -webkit-transform:scale(0); opacity:1;}
   100%{ -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes blow_rote{
   0%{ -webkit-transform:scale(0) rotate(-360deg); opacity:1;}
   100%{ -webkit-transform:scale(1) rotate(0deg); opacity:1;}
}
@-webkit-keyframes phone{
   0%{ -webkit-transform:translate3d(0,2rem,0); opacity:0;}
   100%{ -webkit-transform:translate3d(0,0,0); opacity:1;}
}

/*产品服务*/
.product { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; background:#ecf3ff;}
.product .pro_top { width:100%; height:2.25rem; background:#ecf3ff; position:absolute; left:0; top:0; padding:.4rem 0; text-align:center;}
.product .pro_top .pro_menu { font-size:0;}
.product .pro_top .pro_menu .promenu_item { display:inline-block; width:5rem; height:1.45rem; border:1px solid #c0d7ff; vertical-align:middle; background:#ecf3ff; font-size:.75rem; line-height:1.45rem; color:#819bc7;}
.product .pro_top .pro_menu .promenu_item.cur { background:#b1cdff; color:#1b3563;}
.product .pro_top .pro_menu .promenu_item.item1 { border-right:0; border-top-left-radius:.2rem; border-bottom-left-radius:.2rem;}
.product .pro_top .pro_menu .promenu_item.item3 { border-left:0; border-top-right-radius:.2rem; border-bottom-right-radius:.2rem;}
.product .pro_cont { width:100%; position:absolute; top:2.25rem; bottom:0; left:0; overflow:hidden;}
.product .pro_cont .pro_item { padding:.5rem .6rem .8rem 4rem; background:#fff; position:relative; margin-bottom:.25rem; border-bottom:1px solid #efeded;border-top:1px solid #efeded;}
.product .pro_cont .pro_item .img { display:block; width:3rem; height:3rem; position:absolute; left:.5rem; top:.5rem; background:#72a8f2; text-align:center;}
.product .pro_cont .pro_item .img img { max-width:2rem; max-height:2.2rem;}
.product .pro_cont .pro_item .item_title { line-height:.8rem; padding-bottom:.2rem; margin-bottom:.15rem; background:url(../images/item_line.png) repeat-x left bottom;}
.product .pro_cont .pro_item .item_title strong { font-weight:normal; color:#5484eb; font-size:.8rem; padding-right:.2rem;}
.product .pro_cont .pro_item .item_title em { font-size:.6rem;}
.product .pro_cont .pro_item .item_down { width:100%; height:.8rem; border-top:1px solid #efeded; background:url(../images/arrow_down.png) no-repeat center; background-size:.6rem auto; position:absolute; bottom:0; left:0;}
.product .pro_cont .pro_item .item_message { font-size:.5rem; line-height:.8rem; margin-bottom:.5rem;  height:1.6rem; overflow:hidden; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease;}
.product .pro_cont .pro_item .item_message strong { display:block; font-size:.6rem; margin-bottom:.3rem; font-weight:normal;}
.product .pro_cont .pro_item .item_message .trait { display:block; padding-left:.6rem; color:#ff8401; background:url(../images/trait_icon.png) no-repeat left center; background-size:.4rem auto; margin-bottom:.2rem;}
.product .pro_cont .pro_item .item_message p { margin-bottom:.2rem;line-height:.75rem; color:#919090;}
.product .pro_cont .pro_item .item_message p i { display:inline-block; width:.6rem; height:.6rem; background:#ff6000; color:#fff; font-size:.4rem; line-height:.6rem; padding-left:.1rem;margin-right:.2rem;}
.product .pro_cont .pro_item.show .item_message { height:auto;}
.product .pro_cont .pro_item.show .item_down { background: url(../images/arrow_up.png) no-repeat center; background-size: .6rem auto;}
.product .pro_cont .pro_item.nodown { padding-bottom:0;}
.product .pro_cont .pro_item.nodown .item_down { display:none;}

/*验证*/
.login_cont { display:none;}
.login_cont.show { display:block;}

.contentr { font-size:14px; background:none; padding:0 15px; margin-top:30px;}
.contentr strong { display:block; text-align:center; font-size:16px; margin:20px 0 30px 0; line-height:26px;}
.contentr p { text-align:left; text-indent:2em; line-height:22px; margin-bottom:5px;}

#mapInfoWindow2 { display:none;}
.u-star { display:inline-block; width:1.4rem; height:1.4rem; background:url(../images/star.png) no-repeat; background-size:100% 100%; margin-right:3px; vertical-align:middle; margin-top:-1px;}
.u-collect em { display:inline-block; vertical-align:middle; line-height:16px;}
.u-collect.yes .u-star { background:url(../images/starcurr.png) no-repeat; background-size:100% 100%;}
#afui { position:relative;z-index:1;}
.tangram-suggestion-main { z-index:11;}
.tangram-suggestion-main .tangram-suggestion .route-icon{ font-size: 12px; background: url(http://webmap1.map.bdstatic.com/wolfman/static/common/images/ui3/tools/suggestion-icon_013979b.png) no-repeat 0 -12px;}
.tangram-suggestion-main .route-icon{ font-size: 12px; background: url(http://webmap1.map.bdstatic.com/wolfman/static/common/images/ui3/tools/suggestion-icon_013979b.png) no-repeat 0 -12px;}

/*红包页面样式*/
.hongbao { display:block; width:100%; background-color:#ff4a43; background-size:100% auto;overflow: hidden;  box-sizing:border-box;padding-bottom: 2rem;}
.hongbao .hongbao_img { width:100%; z-index:2;}
.hongbao .hongbao_a { display:block; width:10.5rem; height:2rem; border-radius:.2rem; background:#fbc302; color:#fff; font-size:.8rem;margin: -3.5rem auto .8rem; text-align:center; line-height:2rem; position:relative; z-index:3;}
.hongbao .hongbao_rule { width:13.5rem; font-size:.6rem; line-height:.8rem; color:#fff; margin:0 auto; position:relative; z-index:3;}
.hongbao .hongbao_rule p { margin-bottom:.1rem;}

.notclick{ pointer-events: none;}
.fixedb{ position: fixed;bottom: 0;left: 0;width: 100%;height: 60px; z-index: 99999;background: #fff;padding-top: 10px;border-top: 1px solid #f0f0f0;}

.freeTel{ width: 181.5px;background: url("/Content/images/ico-freeTel.png");display: block;height: 42px;background-size: cover}
.freeTel:hover{background: url("/Content/images/ico-freeTel.png"); background-size: cover}

/*免费拨打*/
.phone_link { display:block; width:125px; height:42px; background:url(../images/tophone.png) no-repeat; background-size:100% 100%; position:absolute; bottom:1rem; right:1rem; z-index:12;}
.phone_jump { display:block; width:100%; height:100%; background:rgba(0,0,0,.4); position:absolute; left:0; top:0; bottom:0; z-index:15; display:none;}
.phone_box { display:block; width:260px; position:absolute; left:50%; margin-left:-130px; border:1px solid #999; border-radius:6px; background:#fff; top:50%; margin-top:-86px; z-index:16; display:none; overflow:hidden;}
.phone_box strong { display:block; font-weight:normal; text-align:center; line-height:45px; font-size:14px; background:#f2f2f2;}
.phone_box .ph_cont { padding:20px 15px; height:115px; overflow:hidden;}
.phone_box .ph_txtbox { margin-bottom:10px; border-bottom:1px solid #e6e6e6; padding-bottom:5px;}
.phone_box .ph_txtbox span { display:inline-block; vertical-align:middle; width:90px; line-height:26px; text-indent:15px; font-size:12px; text-align:left;}
.phone_box .ph_txtbox .ph_txt { display:inline-block; vertical-align:middle; width:116px; line-height:14px; padding:3px 5px; font-size:14px; border:0;}
.phone_box .ph_btnbox { text-align:center; height:50px;}
.phone_box .ph_btnbox .ph_btn { display:inline-block; width:100px; height:30px; border-radius:15px; line-height:30px; color:#fff; text-align:center; font-size:14px; margin:0 10px;}
.phone_box .ph_goto { background:#6e9cff}
.phone_box .ph_message { background:#ff826e}

@-webkit-keyframes qip{
   0%{-webkit-transform:rotate(0deg); opacity:1;}
   2%{-webkit-transform:rotate(-10deg); opacity:1;}
   4%{-webkit-transform:rotate(10deg); opacity:1;}
   6%{-webkit-transform:rotate(-10deg); opacity:1;}
   8%{-webkit-transform:rotate(10deg); opacity:1;}
   10%{-webkit-transform:rotate(-10deg); opacity:1;}
   12%{-webkit-transform:rotate(0deg); opacity:1;}
   100%{-webkit-transform:rotate(0deg); opacity:1;}
}
@-webkit-keyframes qip1{
   0%{-webkit-transform:translate3d(0,0,0); opacity:1;}
   50%{-webkit-transform:translate3d(6px,0,0); opacity:1;}
   100%{-webkit-transform:translate3d(0,0,0); opacity:1;}
}